<template>
	<view class="content">
		<view class="itme" v-for="item,index in noticeList" :key="index" @click="detail(item)">
			<view class="title">{{item.title}}</view>
			<view class="cont">{{item.str}}</view>
			<view class="date">{{item.create_time}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				noticeList:[
					{
						id:1,
						title:'中国市场政策及考核标准',
						content:'一，社区申请条件1，办公室面积50平米以上2，团队架构：直推3人（领导人，讲师，......',
						str:'一，社区申请条件1，办公室面积50平米以上2，团队架构：直推3人（领导人，讲师，......',
						create_time:'2025/02/10 0:00:00'
					},
					{
						id:2,
						title:'《AI智能联盟》引领金融市场新变革',
						content:'《AI智能联盟》引领金融市场新变革   《AI智能联盟》将于2025年1月在全球......',
						str:'《AI智能联盟》引领金融市场新变革   《AI智能联盟》将于2025年1月在全球......',
						create_time:'2025/02/10 0:00:00'
					},
					
				]
			};
		},
		onLoad() {
			this.getMessage()
		},
		methods:{
			detail(data){
				uni.navigateTo({
					url:'/pages/detail/detail?id=' + data.id
				})
			},
			getMessage(){
				let that = this
				uni.request({
					url: getApp().globalData.baseUrl + '/api/index/getMessage',
					success(res) {
						that.noticeList = res.data.data
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #f4f4f4;
	}
	
	.content{
		display: flex;
		flex-direction: column;
		background: #f4f4f4;
		padding: 1rem;
	}
	.itme{
		display: flex;
		flex-direction: column;
		background: #fff;
		margin: 0.4rem 0;
		border-radius: 15px;
		padding: .7rem;
	}
	.title{
		font-size: 14px;
		    color: #272727;
		    font-weight: 600;
	}
	.cont{
		margin-top: .2rem;
		font-size: 13px;
		color: rgba(16, 23, 48, .33);
	}
	.date{
		margin-top: .2rem;
		font-size: 13px;
		color: rgba(16, 23, 48, .33);
	}
</style>
